<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
   <style>
             h3{color:#C30;text-align:center;font-size:3em}
			 legend{color:#C30;font-size:2em;}
			 table{width:100%;align:right;}
			 table .tdleft{width:40%}
			 table .tdright{width:60%}
			 .layer1{background:#0FF}
   
   </style>
</head>

<body>
  <div class="layer1">
                 <h3>校园问卷调查</h3>
                 <form>
                          <fieldset>
                                  <legend>学生个人信息</legend>
                                    <table >
                                          <tr>
                                                <td class="tdleft">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp姓名</td>
                                             <td class="tdright"><input type="text"name="Uname" /></td>
                                          </tr>
                                          <tr>
                                               <td class="tdleft">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp年龄</td>
                                             <td class="tdright"><input type="text"name="Uname" /></td>
                                          </tr>
                                          <tr>
                                               <td class="tdleft">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp性别</td><td class="tdright"><input type="radio"name="sex"valve="male" checked="checked"/>男<input type="radio"name="sex"valve="famale" />女</td></tr>
                                     </table>  
                </fieldset>
                
                
                <fieldset>
                       <legend>专业背景</legend>
                                   <table >
                                          <tr>
                                                <td class="tdleft">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp你来自哪个信艺学院哪个系</td>
                                             <td class="tdright"><select>
                                             <option></option>
                              <optgroup label="信息">
                                     <option>软件技术</option>
                                     <option> 计算机应用技术</option>
                                     <option>计算机网络技术</option>
                                     <option>云计算与应用技术</option>
                                     <option>应用电子技术</option>
                                     <option>物联网应用技术</option>
                                     <option>信息管理</option>
                              </optgroup>
                              <optgroup label="艺术">
                                     <option> 环境艺术设计</option>
                                     <option> 视觉传达艺术设计</option>
                                     <option>服装设计</option>
                                     <option>工程造价</option>
                                     <option>建筑工程技术</option>
                                     <option>房地产经营与估价</option>
                              </optgroup>
                                             </select></td>
                                          </tr>
                                          <tr>
                                               <td class="tdleft">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp你对本专业的评价</td>
                                             <td class="tdright"><select>
                                                <option></option>
                                                <option>很全面,很好</option>
						                        <option>一般般吧,还要努力</option>
						                        <option>有很多问题,不过还可以</option>
                                             </select></td>
                                             
                                          </tr>
                                          <tr>
                                               <td>
                                               
                                               	&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp你在大一最想学</td><td class="tdright">
				  	<select>
                             <option></option>
							<option value="HTML">HTML</option>
							<option value="CSS">CSS</option>
							<option value="javascript">javascript</option>
							<option value="java">java</option>
							<option value="python">python</option>
							<option value="php">php</option>
							<option value="Access">Access</option>
							<option value="MySQL">MySQL</option>
							<option value="SQLServer">SQLServer</option>
		
					</select>

                                               
                                               
                                               </td></tr>
                                     </table>  
                </fieldset>
                
                
                <fieldset>
                                  <legend>展示自我</legend>
                                    <table >
                                          <tr>
                                                <td class="tdleft"><label for="Uname" class="tdleft">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp个人图片上传</label></td>
                                             <td class="tdright"><input type="file"id="Uname"/></td>
                                          </tr>
                                          
                                            <td class="tdleft"><label for="show">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp个人简介</label></td>                             <td class="tdright">              
                                       <br />
                                          <textarea cols="10"rows="10"id="show">
                                          </textarea></td>
                                            </table>
                                          
                                    
                </fieldset>
                </form>      
        </div>
</body>
</html>
